(function(){

//JS 初始化页面大小 以高度为百分百。自适应宽度，按ip6比例锁定0.56 本功能可以有效解决各屏幕大小不一样的问题，但会引起背景无法布满。适用于全页面背景都一样的情况
//var dsn=$(window).height()/$(window).width();
//$('.arealayer').width($(window).height()*0.56);
//$('.arealayer').width($(window).width());
//$('.arealayer').height($(window).height()); 
 
//配置
var config = {
	'audio':{
		'icon':'audio-record-play',
		'text':true
	},
	'loading': 'loading-ic'
};

//loading 页面HTML加载完成以后隐藏LOADING 其实按目前的网速来说基本是瞬间。。
window.onload = function(){
		$('#loading').hide();	
}

//点击分享框按钮，显示分享区
$('.js-btn-share,.js-btn-showshare,.shareshutdiv').bind('tap',function(){
	$('.share').show();
})
//点击分享区域 隐藏分享区
$('.share').bind('tap',function(){
	$(this).hide();
});
//点击重新加载
$('.js-btn-reload').bind('tap',function(){
	   window.location.reload();
})


//开始页面切换流程
var pageIndex = 1,
	pageTotal = $('.page').length,
	towards = { up:1, right:2, down:3, left:4},
	isAnimating = false;

//禁用手机默认的触屏滚动行为
document.addEventListener('touchmove',function(event){
	event.preventDefault(); },false);

//页面从下向上走 左右可以用swipeLeft  swipeRight
$(document).swipeUp(function(){
	if (isAnimating) return;
	if (pageIndex < pageTotal) { 
		pageIndex+=1; 
	}else{
		pageIndex=1;
	}; 
	//pagemove在外。最后一页向后会循环到第一页，如果不需要循环，把下两行放到上一个if中即可
	pageMove(towards.up);
	$('.share').hide();	
	
})

//页面从左向向走
$(document).swipeDown(function(){
	if (isAnimating) return;
	if (pageIndex > 1) { 
		pageIndex-=1; 
	}else{
		pageIndex=pageTotal;
	};
	//pagemove在外。第一页向前会循环到最后一页，如果不需要循环，把下两行放到上一个if中即可
	pageMove(towards.down);	
	$('.share').hide();
})

//页面切换主流程
function pageMove(tw){
	var lastPage;
	if(tw=='1'){
		if(pageIndex==1){
			lastPage = ".page-"+pageTotal;
		}else{
			lastPage = ".page-"+(pageIndex-1);
		}
		
	}else if(tw=='3'){
		if(pageIndex==pageTotal){
			lastPage = ".page-1";
		}else{
			lastPage = ".page-"+(pageIndex+1);
		}
		
	}

	var nowPage = ".page-"+pageIndex;
	
	switch(tw) {
		case towards.up:
			outClass = 'pt-page-moveToTop';
			inClass = 'pt-page-moveFromBottom';
			break;
		case towards.down:
			outClass = 'pt-page-moveToBottom';
			inClass = 'pt-page-moveFromTop';
			break;
	}
	isAnimating = true;
	$(nowPage).removeClass("hide");	
	$(lastPage).addClass(outClass);
	$(nowPage).addClass(inClass);
	$(nowPage+'  .nr .z2').addClass('pt-page-scalesmall'); 
 	
	
	//延迟加载一些元素，使之出现错落感，如不用这个，也可以用CSS预置里的pt-page-delay*** 那个更好一些
	setTimeout(function(){
		$(lastPage).removeClass('page-current');
		$(lastPage).removeClass(outClass);
		$(lastPage).addClass("hide");
		//$(lastPage).find("img").addClass("hide");
		
		$(nowPage).addClass('page-current');
		$(nowPage).removeClass(inClass);
		//$(nowPage).find("img").removeClass("hide");
		
		
		$(nowPage+' .nr .z3').addClass('animation-maptip'); 
		isAnimating = false;
	},600);
	 
	setTimeout(function(){
		$(nowPage+' .nr .z4').addClass('animation-maptip'); 
	},800);
	setTimeout(function(){
		$(nowPage+' .nr .z5').addClass('animation-maptip'); 
	},900);
	setTimeout(function(){
		$(nowPage+' .nr .z6').addClass('animation-maptip'); 
	},1300);
	setTimeout(function(){
		$(nowPage+' .nr .z7').addClass('animation-maptip'); 
	},1500);
	setTimeout(function(){
		$(nowPage+' .nr .z8').addClass('animation-maptip'); 
	},1800); 
}

//页面打开三秒后开始加载全部大体积图片，加快显示速度。经实验，若延迟期间，主要显示仍不能显示完全，会导致加载更卡，临时屏蔽
setTimeout(function(){
	var html='';
	/* 
	html+='<img src="img/ga/n2t.png" width="100">';
	html+='<img src="img/ga/n2bg.jpg" width="100">';*/
	
		$(' .hidecontent').html(html);
},3000);
	
	
//定义浮动层 动态内容加载
$('.showlayer').tap(function () {
		
	$(".laytopcontent img").attr('src','img/laytop/'+$(this).attr('id')+'.png');
	$(".laytop").show();
	 	
});

//定义浮动层的 shut按钮
$('.laytopback').tap(function () {
	$(".laytop").hide();
});
  
/*声音控制*/
$('.floatautodo').tap(function(){ 
	var audio = document.getElementById('audiobg'); 
 	if(audio!==null){ 
		if(!audio.paused)  
		{                 
			audio.pause();// 这个就是暂停//audio.play();// 这个就是播放 
			$('.floatautodo').attr('src', 'img/musicoff.png'); 
		}else{
			audio.play();
			$('.floatautodo').attr('src', 'img/musicon.png'); 
		}
	}  

});

})();
 